/*
 *  埼玉ダイハツ カスタマイズ用スタイル
 *
 */

/******************************
  * ワンダフルパスポート
  ******************************/
.wonderful_passport .wpBlock01 .goodpointList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wonderful_passport .wpBlock01 .goodpointList .col {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    margin: 40px 0 0
}

@media only screen and (max-width: 1279px) {
    .wonderful_passport .wpBlock01 .goodpointList .col {
        margin: 2.8vw 0 0
    }
}

@media only screen and (max-width: 499px) {
    .wonderful_passport .wpBlock01 .goodpointList .col {
        margin: 5.2vw 0 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.wonderful_passport .foundBox.clr-green {
    background: #71c98e;
}

.wonderful_passport .foundBox {
    text-align: center !important;
    padding: 15px;
}

.wonderful_passport .foundBox .item {
    background: #ffffff;
    -webkit-box-shadow: 3px 3px 5px #7e7e7e;
    box-shadow: 3px 3px 5px #7e7e7e;
    padding: 20px
}

.wonderful_passport .foundBox .item h2 {
    background-color: transparent;
    color: #71c98e;
    margin: 0;
    padding: 0 30px 0.2em 30px;
}

@media only screen and (max-width:1279px) {
    .wonderful_passport .foundBox .item {
        padding: 1.4vw
    }

    .wonderful_passport .foundBox.clr-green {
        background: #71c98e
    }

}

@media only screen and (max-width:499px) {
    .wonderful_passport .foundBox .item {
        padding: 5vw 2.6vw;
    }

    .wonderful_passport .foundBox.clr-green {
        margin: 0 0%;
        width: 100%;
        background: #71c98e
    }
}

.wonderful_passport .wpBlock02 .blockTitle {
    line-height: 1.5;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background-color: unset;
    color: #000000;
    margin-bottom: 50px;
}

@media only screen and (max-width: 1279px) {
    .wonderful_passport .wpBlock02 .blockTitle {
        font-size: 1.95vw
    }
}

@media only screen and (max-width: 499px) {
    .wonderful_passport .wpBlock02 {
        margin-top: 0;
    }

    .wonderful_passport .wpBlock02 .blockTitle {
        font-size: 5.33vw;
        margin-bottom: unset;
    }
}

.wonderful_passport .wpBlock02 .blockTitle .big {
    font-size: 40px;
}

@media only screen and (max-width: 1279px) {
    .wonderful_passport .wpBlock02 .blockTitle .big {
        font-size: 3.9vw
    }
}

@media only screen and (max-width: 767px) {
    .wonderful_passport .wpBlock02 .blockTitle .big {
        font-size: 8vw
    }
}

.wonderful_passport .wpBlock02 .blockTitle .icn {
    display: inline-block;
    position: relative;
    font-size: 20px;
}

.wonderful_passport .wpBlock02 .blockTitle .icn:before {
    content: "";
    position: absolute;
    background: url("-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/wonderful_passport/icn-tool") no-repeat;
    background-size: contain;
    width: 133px;
    height: 121px;
    bottom: -10px;
    left: -140px
}

@media only screen and (max-width: 1279px) {
    .wonderful_passport .wpBlock02 .blockTitle .icn:before {
        width: 11.6375vw;
        height: 10.5875vw;
        bottom: -0.875vw;
        left: -14.25vw
    }
}

@media only screen and (max-width: 499px) {
    .wonderful_passport .wpBlock02 .blockTitle .icn:before {
        content: none
    }
}

.wonderful_passport .wpBlock02 .blockTitle .icn:after {
    content: "";
    position: absolute;
    background: url("-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/wonderful_passport/icn-note2") no-repeat;
    background-size: contain;
    width: 128px;
    height: 153px;
    bottom: -30px;
    right: -185px
}

@media only screen and (max-width: 1279px) {
    .wonderful_passport .wpBlock02 .blockTitle .icn:after {
        width: 11.2vw;
        height: 13.3875vw;
        bottom: -2.625vw;
        right: -16.1875vw
    }

    .wonderful_passport .wpBlock02 .blockTitle .icn {
        font-size: 15px;
    }
}

@media only screen and (max-width: 499px) {
    .wonderful_passport .wpBlock02 .blockTitle .icn:after {
        content: none
    }
}

.wonderful_passport .downArrowNavi .btn:after {
    content: '\f13a';
}

.wonderful_passport .wpBlock02 .foundTtl .big {
    font-size: 25px;
    padding: 0 1em 0 0
}

@media only screen and (max-width: 1279px) {
    .wonderful_passport .wpBlock02 .foundTtl .big {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .wonderful_passport .wpBlock02 .foundTtl .big {
        display: block;
        padding: 0 0 0.15em;
        font-size: 4.66vw
    }
}

.downArrowNavi-wonderful_passport {
    display: flex;
    justify-content: center;
}

.downArrowNavi-wonderful_passport .btn.btn-danger {
    display: flex;
    align-items: center;
    min-width: 250px;
}

@media screen and (max-width: 896px) {
    .downArrowNavi-wonderful_passport {
        flex-wrap: wrap;
    }
}

.wonderful_passport .col-priceanc strong {
    color: #de232f;
    font-size: 1.4em;
}

.wonderful_passport .col-priceanc div {
    margin-top: 0.5em;
    width: fit-content;
    display: flex;
    align-items: center;
}

.wonderful_passport .col-priceanc div:after {
    content: "▶";
}

.wonderful_passport .col-priceanc a {
    color: #000000;
    text-decoration: underline;
    font-size: 1.2em;
}

.wonderful_passport .col-priceanc a:hover {
    text-decoration: none;
}

@media only screen and (max-width: 499px) {
    .wonderful_passport .col-priceanc a {
        font-size: 1.1em;
    }
}

.bodyclass.page-second.wonderful_passport div.price-table-wrap{
    overflow-x: auto;
}

.bodyclass.page-second.wonderful_passport div.price-table-wrap table * {
    font-weight: bold;
    font-size: 18px;
}

.wonderful_passport .price-table-wrap th {
    background-color: #f0eee3;
}

.wonderful_passport .price-table-wrap th,
.wonderful_passport .price-table-wrap td {
    padding: 1.5em 0;
    text-align: center;
}

.bodyclass.page-second.wonderful_passport div.price-table-wrap table .fs-l {
    font-size: 1.5em;
}

.bodyclass.page-second.wonderful_passport div.price-table-wrap table .fs-xl {
    font-size: 2em;
}

.wonderful_passport .price-table-wrap .fc-red {
    color: #ff2929;
}

.wonderful_passport .price-table-wrap .fc-white {
    color: #ffffff;
}

@media only screen and (max-width: 499px) {
    .bodyclass.page-second.wonderful_passport div.price-table-wrap table * {
        font-size: 14px;
    }
}